.item {
  &.shadow {
    box-shadow: 0 4px 16px rgba(196, 197, 200, 0.2);
  }
  @apply pl-30px pr-35px rounded-8px bg-white relative box-border;
  .item-top {
    @apply w-full;
  }
  .ranking {
    font-family: "Microsoft YaHei";
    border-radius: 12px 0px 16px 0px;
    @apply font-normal text-24px leading-42px box-border px-16px w-94px h-40px absolute top-32px left-0;
    &.first {
      @apply text-hex-fff bg-hex-FF3221;
    }
    &.sencond {
      @apply text-hex-fff bg-hex-FE5900;
    }
    &.third {
      @apply text-hex-fff bg-hex-F97527;
    }
    &.normal {
      @apply text-hex-666 bg-hex-e9e9ec;
    }
  }
  .item-brandTagLine {
    // display: flex;
    min-height: 136px;
    box-sizing: border-box;
    font-family: "Microsoft YaHei";
    // line-height: 1 !important;
    @apply px-30px py-20px w-full bg-hex-f8f8f8 rounded-lg;
  }
  .item-brandTagLine-text {
    // padding-top: 3px !important;
    display: block;
    @apply text-24px text-hex-636363 font-normal leading-5;
  }
}
